cody - HTMLify profile
cody
4270 Files
632708 Views
Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/42 - Simple Form Validation
assets/
cody/swapnilsparsh/30DaysOfJavaScript/42 - Simple Form Validation/assets/
app.js
cody/swapnilsparsh/30DaysOfJavaScript/42 - Simple Form Validation/app.js
const isBlank = function (value) {
return (value.trim() === "" ? true : false)
}
const isBetween = function (length, min = 5, max = 25) {
return length < min || length > max ? false : true
}
const setError = function (input, message) {
const parentElement = input.parentElement
return (value.trim() === "" ? true : false)
}
const isBetween = function (length, min = 5, max = 25) {
return length < min || length > max ? false : true
}
const setError = function (input, message) {
const parentElement = input.parentElement
styles.css
cody/swapnilsparsh/30DaysOfJavaScript/42 - Simple Form Validation/styles.css
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
:root {
--error-color: #dc3545;
--success-color: #28a745;
--warning-color: #ffc107;
}
:root {
--error-color: #dc3545;
--success-color: #28a745;
--warning-color: #ffc107;
}
index.html
cody/swapnilsparsh/30DaysOfJavaScript/42 - Simple Form Validation/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Form Validation</title>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Form Validation</title>